import * as React from 'react';
import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableCell from '@mui/material/TableCell';
import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';


function createData(username,lastGistUrl) {
  return { username,lastGistUrl };
}

const rows = [
  createData("zhangsan","http://www.baidu.com"),
  createData("lisi","http://jd.com")
];

export default function App() {
  return (
    <TableContainer>
      <Table>
        <TableHead>
          <TableRow>
            <TableCell align="right">用户名</TableCell>
            <TableCell align="right">网址</TableCell>
          </TableRow>
        </TableHead>
        <TableBody>
          {rows.map((row) => (
            <TableRow>
              <TableCell align="right">{row.username}</TableCell>
              <TableCell align="right">{row.lastGistUrl}</TableCell>
            </TableRow>
          ))}
        </TableBody>
      </Table>
    </TableContainer>
  );
}
